<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>升序/降序</title>
	</head>
	<body>
		<p id="arrold"></p>
		<p>
			<input type="button" value="升序" onclick="asc()">
			<input type="button" value="降序" onclick="desc()">
		</p>
		<p id="arrnew"></p>
		<script>
			/*
			 * 定义原来数组
			 * 获取元素对象
			 * 原来数组显示在页面上
			 * 升序函数 降序函数
			 */
			//原来的数组显示在页面上
			var arr=[5,3,40,1,67];
			var old=document.getElementById('arrold');
			old.innerText=arr;
			//点击升序按钮实现将原来数组升序排列后显示在页面
			function asc(){
				var arrnew=arr.sort(function(a,b){return b-a});
				var mynew=document.getElementById('arrnew');
				mynew.innerText=arrnew;
			}
			function desc(){
				var arrnew=arr.sort(function(a,b){return a-b});
				var mynew=document.getElementById('arrnew');
				//mynew.innerText=arrnew;
				mynew.innerHTML=arrnew;
			}
		</script>
	</body>
</html>
